<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		/*
			Fetch API 调用接口传递参数、
		*/	
		// 第一种方式 get 传递参数
		// fetch('http://localhost:3000/books?id=123', {
		// 	method: 'get'
		// })
		// .then(function(data) {
		// 	return data.text();
		// }).then(function(data) {
		// 	console.log(data)
		// })
		// 第二种方式 get 传递参数
		// fetch('http://localhost:3000/books/456', { 
		// method: 'get'
		// })
		// .then(function(data) {
		// 	return data.text();
		// }).then(function(data) {
		// 	console.log(data)
		// })
		// delete 请求方式传递参数
		// fetch('http://localhost:3000/books/789', {
		// method: 'delete'
		// })
		// .then(function(data) {
		// 	return data.text();
		// }).then(function(data) {
		// 	console.log(data)
		// })
		// post 请求方式传递参数
		// fetch('http://localhost:3000/books', {
		// method: 'post',
		// // 用于传递具体的数据！
		// body: 'uname=lvhang&age=23',
		// // 设置请求头
		// headers: {
		// 	'Content-Type': 'application/x-www-form-urlencoded'
		// }
		// }) 
		// .then(function(data) {
		// 	return data.text();
		// }).then(function(data) {
		// 	console.log(data)
		// })
		// post 请求方式传递参数 2 
		// fetch('http://localhost:3000/books', {
		// method: 'post',
		// // 用于传递具体的数据！
		// body: JSON.stringify({
		// 	uname: 'lvhang',
		// 	age: 23
		// }),
		// // 设置请求头
		// headers: {
		// 	'Content-Type': 'application/json'
		// }
		// })
		// .then(function(data) {
		// 	return data.text();
		// }).then(function(data) {
		// 	console.log(data)
		// })
		// PUT 请求方式传递参数
		fetch('http://localhost:3000/books/589', {
		method: 'put',
		// 用于传递具体的数据！
		body: JSON.stringify({
			uname: 'lvhang',
			age: 23
		}),
		// 设置请求头
		headers: {
			'Content-Type': 'application/json'
		}
		})
		.then(function(data) {
			return data.text();
		}).then(function(data) {
			console.log(data)
		})
	</script>
</body>
</html>